/*eslint-disable*/
export default {
  data() {
    return {
      catList: [
        {
          cat_name: '',
          cat_deleted: '',
          cat_level: ''
        }
      ],

      // 添加分类对话框
      addCatDialoge: false,
      addCatDialogeForm: {
        cat_name: '',
        cat_pid_arr: []
      },

      // 级联选择器的数据
      options: [
        {
          value: 'ziyuan',
          label: '资源',
          children: [
            {
              value: 'axure',
              label: 'Axure Components'
            },
            {
              value: 'sketch',
              label: 'Sketch Templates'
            },
            {
              value: 'jiaohu',
              label: '组件交互文档'
            }
          ]
        }
      ],

      // 配置
      defaultProps: {
        label: 'cat_name',
        value: 'cat_id'
      }
    }
  },
  created() {
    // 钩子函数中调用获取商品类表的函数
    this.loadCatList()
    this.loadCatListForAdd()
  },
  methods: {
    // 加载商品列表
    async loadCatList() {
      let res = await this.$axios.get('categories', {
        params: {
          type: 3,
          pagenum: 1,
          pagesize: 4
        }
      })
      // console.log(res)
      this.catList = res.data.data.result
    },

    // 添加商品分类需要的商品列表(2级)
    async loadCatListForAdd() {
      let res = await this.$axios.get('categories', {
        params: {
          type: 2
        }
      })
      // console.log(res)
      this.options = res.data.data
    },

    // 显示添加分类对话框
    showAddCatDialoge() {
      this.addCatDialoge = true
    },
    // 确定添加分类
    async confirmToAddCat() {
      const { cat_name, cat_pid_arr } = this.addCatDialogeForm
      let res = await this.$axios.post('categories', {
        cat_pid: cat_pid_arr[cat_pid_arr.length - 1], //父类id,cat_pid_arr数组最后一个
        cat_name,
        cat_level: cat_pid_arr.length //层级可以取数组的长度
      })
      console.log(res)
      // 添加成功
      if (res.data.meta.status === 201) {
        // 隐藏对话框
        this.addCatDialoge = false

        // 刷新列表
        this.loadCatList()
      }
    }
  }
}
